
.container-scroll {
  height: calc(100% - 44px);
  overflow-y: scroll;
  padding-bottom: 200px;
}

.top {
  position: relative;
  height: 44px;
  border-bottom: 1px #ddd solid;
  font: 15px/45px a;
  color: rgba(0,0,0,0.7);
  background-color: #efeff0;

  .top_back {
    float: left;
    width: 42px;
    height: 44px;

    &:before {
      content: '';
      display: block;
      margin: 15px 0 0 16px;
      width: 10px;
      height: 16px;
      background: url("../img/back.png") no-repeat;
      background-size: 10px 16px;
    }
  }

  .header-home {
    float: right;
    width: 44px;
    height: 44px;
    background: url("../img/home.png") no-repeat center;
    background-size: 16px;
  }

}

.book-cover {
  position: relative;
  background-color: #eeece9;
  box-shadow: 0px 6px 5px -3px #aaa;
  border: 1px #f0f0f0 solid;
  border-bottom: none;
  overflow: hidden;

  img {
    width: 100%;
    height: 100%;
  }
}

.main-card {
  border-bottom: 10px #f5f5f5 solid;
  &:first-child {
    border-bottom: none;
  }

  /** 书籍信息 **/
  .u-book {
    position: relative;
    overflow: hidden;
  }

  .-detail {
    padding: 40px;
    display: table;
    width: 100%;
    box-sizing: border-box;

    .book-cover {
      float: none;
      width: 100px;
      height: 134px;
    }

    .info {
      padding: 0 0 0 14px;
      display: table-cell;
      vertical-align: middle;

      .title {
        margin-bottom: 13px;
        font-size: 16px;
      }

      .author {
        color: #4b99a7;
        span {
          display: inline-block;margin-right: 5px;
        }
      }

      .count {

        .u-booktag {
          margin-left: 3px;
          border: 1px #00a0e9 solid;
          color: #00a0e9;
          border-radius: 4px;
          font-size: 12px;
          line-height: 16px;
          display: inline-block;
          padding: 0 2px;
        }

        .-serial {
          color: #63bd6e;
          border-color: #63bd6e;
        }

      }
      .u-booktag {
        margin-left: 0px;
        border: 1px #00a0e9 solid;
        color: #00a0e9;
        border-radius: 4px;
        font-size: 12px;
        line-height: 16px;
        display: inline-block;
        padding: 0 2px;
      }

      .-serial {
        color: #63bd6e;
        border-color: #63bd6e;
      }

    }

  }

  .book-dash {

    /** 按钮 **/
    .wrap {
      padding: 0 14px;
      margin: 0 0 27px;

      .btn-group {
        width: 100%;
        font-size: 0;
        white-space: nowrap;

        li {
          display: inline-block;
          width: 49%;

          &:only-child {
            width: 100%;
          }
          &:first-child {
            margin-right: 2%;
          }
        }

        .u-btn2 {
          display: block;
          height: 2.8em;
          line-height: 2.8em;
          text-align: center;
          border-radius: 4px;
          font-size: 14px;
          -webkit-box-sizing: border-box;
          background-color: #f35d02;
          border: 1px #e35109 solid;
          color: #ffffff;
          padding: 0 10px;

          .book-dash-text {
            &:after {
              content: '\5f00\59cb\9605\8bfb';
            }
          }
        }

      }
    }

    .u-folder {
      /** 简介 **/
      .folder-cnt {
        position: relative;
        line-height: 1.6;
        padding: 0 14px;
        margin-bottom: 10px;
        font-size: 14px;
        color: #585858;
      }

      /** 最新章节 **/
      .folder-tail {
        text-align: center;
        font-size: 14px;
        border-top: 1px #f0f0f0 solid;
        color: #8d8d8d;
        padding: 10px 14px;
      }
    }

  }

  /** 书籍标签 **/
  .book-tags {

    .boot-tags-title {
      font-size: 16px;
      font-weight: normal;
      color: #8d8d8d;
      padding: 14px 14px 8px;
    }

    .book-tags-cnt {

      .m-tag {
        line-height: 1;
        overflow: hidden;
        padding: 14px 14px 8px;
        .u-tag {
          margin: 0 10px 5px 0;
          display: inline-block;
          width: auto;
          line-height: 1.8em;
          padding: 0 20px;
          color: #766d5d;
          border-radius: 4px;
          background-color: #909da8;
          font-size: 14px;
          text-align: center;
          border: 1px #d3d3d3 solid;
        }
      }

      .-color {
        .u-tag:nth-child(3n+1){
          background-color: #fbebe8;
        }
        .u-tag:nth-child(3n+2){
          background-color: #fcedda;
        }
        .u-tag:nth-child(3n+3){
          background-color: #e8f9db;
        }
      }
    }
  }

  .book-recommend-title {
    margin-bottom: 8px;
    padding: 15px 14px 0px;
    font-size: 15px;
    color: #8d8d8d;
  }

  .cnt {
    padding: 0px 14px;
    .book-table {
      font-size: 0;

      li {
        width: 33.3%;
        display: inline-block;
        vertical-align: top;
        line-height: 1;
        margin-bottom: 8px;
        text-align: center;
      }
      .u-book {
        margin: 0 auto;
        .book-cover {
          float: none;
          width: 86px;
          height: 113px;
        }
        .info {
          margin-left: 0px;
          margin-top: 8px;
          .titile {
            font-size: 13px;
            line-height: 1.4em;
            max-height: 2.8em;
            overflow: hidden;
            color: #8d8d8d;
            margin-bottom: 0px;
          }
        }
      }
      .-vertical {
        width: 86px;
      }

    }
  }

}